{% extends 'base.html' %}
{% block title %}导出 - Page{% endblock title %}
{% block style %}
<style scoped>
</style>
{% endblock style %}

{% block content %}
<div class="container">
    <!-- <div class="jumbotron alert-warning"> -->
        <h3 class="display-6">选择需要导出的选项</h3>
    <!-- </div> -->
    <form  class="form" action="/out" enctype="application/x-www-form-urlencoded" method="POST">
        <div class="alert alert-primary" role="alert">
            请选择年级
        </div>
        {% for grade in GradeList %}
        <div class="form-check form-check-inline">
            {% if loop.index == 1 %}
                <input class="form-check-input" type="radio" name="grade" id="radios1" value="{{ grade }}" checked>
            {% else %}
                <input class="form-check-input" type="radio" name="grade" id="radios1" value="{{ grade }}">
            {% endif %}
            <label class="form-check-label" for="radios1">
                {{ grade }} 
            </label>
        </div>
        {% endfor %}
        <div class="alert alert-secondary" role="alert">
            请选择院系
        </div>
        {% for department in DepartmentList %}
        <div class="form-check form-check-inline">
            {% if loop.index == 1 %}
            <input class="form-check-input" type="radio" name="department" id="radios2" value="{{ department }}" checked>
            {% else %}
            <input class="form-check-input" type="radio" name="department" id="radios2" value="{{ department }}" disabled>
            {% endif %}
            <label class="form-check-label" for="radios2">
                {{ department }} 
            </label>
        </div>
        {% endfor %}
        <div class="alert alert-success" role="alert">
            请选择专业
        </div>
        <select name="major" id="" class="btn btn-primary dropdown-toggle">
            <div class="dropdown-menu">
            {% for major in MajorList %}
            <option class="dropdown-item" value="{{ major }}">{{ major }}</option>
            {% endfor %}
            </div>
        </select>
        <hr>
        {% for major in MajorList %}
        <div class="form-check form-check-inline">
            {% if loop.index == 1 %}
            <input class="form-check-input" type="radio" name="major" id="radios3" value="{{ major }}" checked>
            {% else %}
            <input class="form-check-input" type="radio" name="major" id="radios3" value="{{ major }}">
            {% endif %}
            <label class="form-check-label" for="radios3">
                {{ major }} 
            </label>
        </div>
        {% endfor %}
        <hr>
        <input class="btn btn-danger" type="submit" value="提交POST,导出Excel">
    </form>
</div>
{% endblock content %}
